
@extends('layouts.appManager')

@section('content')

    <div class="jumbotron jumbotron-fluid">
        <div class="container">

            <div class="row">
                <div class="col-md-7">
                    <h1 class="display-4">{{ config('app.name', 'Laravel') }}</h1>
                    {{--<p class="lead">服务端？技术？盈利方式？对接支付？<br>我们全部帮你搞定！
                        <a target="_blank" href="{{config('conf.showServer')}}">>>体验服</a>
                    </p>--}}
                    <p class="lead">QQ群：{{config('conf.qq_group')}}</p>
                    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={{config('conf.qq_server')}}&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:{{config('conf.qq_server')}}:42" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
                </div>
                <div class="col-md-5">
                    <h3 class="mt-4">部分特色功能:</h3>

                    <div class="h4">
                        <span class="badge badge-warning">在线重启服务器</span>
                        <span class="badge badge-info">在线修改游戏配置</span>
                        <span class="badge badge-success">商城物品在线编辑</span>
                        <span class="badge badge-danger">在线编辑Lua脚本</span>

                        {{--<ul class="list-group list-group-flush">
                            <li class="list-group-item">在线重启服务器</li>
                            <li class="list-group-item">在线修改游戏配置</li>
                            <li class="list-group-item">商城物品在线编辑</li>
                            <li class="list-group-item">在线编辑Lua脚本</li>
                        </ul>--}}
                    </div>
                    <small class="text-secondary"> <i class="fas fa-info-circle"></i> 更多功能, 请注册体验</small>
                    {{--<div class="small mt-3">更多功能, 请注册体验</div>--}}

                </div>
            </div>

            </div>
    </div>

    <div class="container">
        @include('layouts/adList')
        @if(sizeof($adList)==3)
            <div style="text-align: end; font-size: 14px">
                <a href="/ads">更多服务广告 >></a>
            </div>
        @endif
    </div>

    <div class="container mt-5">
        <div class="row">
            <div class="col-md-12 col-lg-6">
                <div>管理系统功能展示</div>
                <iframe src="//player.bilibili.com/player.html?aid=560467495&bvid=BV19e4y1b76K&cid=830475563&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 100%;height: 400px;"> </iframe>
            </div>
            <div class="col-md-12 col-lg-6">
                <div>服务端搭建教程</div>
{{--                <iframe src="//player.bilibili.com/player.html?aid=217878536&bvid=BV16a411u7VV&cid=829238081&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>--}}
                <iframe src="//player.bilibili.com/player.html?aid=950569931&bvid=BV1zs4y1V7Gs&cid=1040780679&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 100%;height: 400px;"> </iframe>
            </div>
        </div>
    </div>

<!--    <div class="container mt-5">
        <div class="row">
            <div class="col-12">
                <ol class="breadcrumb mx-2">
                    <li class="breadcrumb-item active">流程：</li>
                    <li class="breadcrumb-item">1.购买服务器</li>
                    <li class="breadcrumb-item">2.搭建服务端</li>
                    <li class="breadcrumb-item">3.注册系统</li>
                    <li class="breadcrumb-item">4.对接服务器</li>
                </ol>
            </div>
        </div>
    </div>-->



    <div class="container mb-5">


        {{--<div class="row text-center">
            <div class="col-md-4">
                <i class="fas fa-funnel-dollar fa-5x"></i>
                <h2 class="my-4">系统免费</h2>
                <p>系统目前试运营期间,全部功能免费使用,欢迎咨询,欢迎提出意见和建议</p>
            </div>
            <div class="col-md-4">
                <i class="fas fa-cogs fa-5x"></i>
                <h2 class="my-4">技术支持</h2>
                <p>我们提供系统使用方面的技术支持，有任何疑问，可以加QQ群：{{config('conf.qq_group')}}，联系群内技术，寻求帮助。</p>
            </div>
            <div class="col-md-4">
                <i class="fas fa-coins fa-5x"></i>
                <h2 class="my-4">变现无忧</h2>
                <p>系统提供：付费升级，购买道具装备，等众多变现功能。玩家支付购买，服务器运营者，直接后台提现。</p>
            </div>
        </div>--}}












        <div class="row py-5">

            <div class="col-md-6">
                <h4 class="mt-5 mb-3">服务器
                    <span class="small">（ 推荐：<a href="http://cloud.yunyusoft.cn/server/buy.html" target="_blank">云语数据</a>，已通过安装测试 ）</span>
                </h4>
                <hr>

                <div class="row">
                    <div class="col-6 col-md-5">
                        <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                            <a class="nav-link active" id="v-pills-1-tab" data-toggle="pill" href="#v-pills-1" role="tab" aria-controls="v-pills-1" aria-selected="true">最低</a>
                            <a class="nav-link" id="v-pills-2-tab" data-toggle="pill" href="#v-pills-2" role="tab" aria-controls="v-pills-2" aria-selected="false">推荐</a>
                            <a class="nav-link" id="v-pills-3-tab" data-toggle="pill" href="#v-pills-3" role="tab" aria-controls="v-pills-3" aria-selected="false">最佳</a>
                        </div>
                    </div>
                    <div class="col-6 col-md-7">
                        <div class="tab-content" id="v-pills-tabContent">
                            <div class="tab-pane fade show active" id="v-pills-1" role="tabpanel" aria-labelledby="v-pills-1-tab">
                                <ul>
                                    <li>2核</li>
                                    <li>4G</li>
                                    <li>5M带宽</li>
                                </ul>
                            </div>
                            <div class="tab-pane fade" id="v-pills-2" role="tabpanel" aria-labelledby="v-pills-2-tab">
                                <ul>
                                    <li>4核</li>
                                    <li>8G</li>
                                    <li>10M带宽</li>
                                </ul>
                            </div>
                            <div class="tab-pane fade" id="v-pills-3" role="tabpanel" aria-labelledby="v-pills-3-tab">
                                <ul>
                                    <li>8核</li>
                                    <li>16G</li>
                                    <li>20M带宽</li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    {{--<div class="col-12 mt-4">
                        尊云优惠码： <span class="badge badge-warning">4AF4A9</span> （下单立享8.5折）
                    </div>--}}
                </div>

            </div>

            <div class="col-md-6">
                <h4 class="mt-5 mb-3">服务端 <span class="small">（<a href="{{ url('/install') }}" target="_blank">自助搭建教程</a>）</span></h4>
                <hr>
                <ul>
                    <li>官方AC原版服务端，完美对接，稳定兼容。提供【服务器搭建】以及【系统对接】全套技术支持！</li>
{{--                    <li>1对1搭建服务：300元/次，保证搭建成功，并协助对接系统。</li>--}}
                    <li>其他服务端，不保证完全兼容！ </li>
                </ul>
            </div>

            <div class="col-md-6">
                <h4 class="mt-5 mb-3">简单对接，5分钟完成开服</h4>
                <hr>
                注册账号后，只需要简单配置，就可以对接您的服务器！
            </div>



            <div class="col-md-6">
                <h4 class="mt-5 mb-3">扩展基础功能 </h4>
                <hr>
                服务器介绍，客户端下载，登录器下载，服务器英雄榜(开发中)
                <br>
                注册/登陆，角色列表，修改密码
                <br>
{{--                <a target="_blank" href="{{config('conf.showServer')}}">>>体验服</a>--}}
            </div>


            {{--<div class="col-md-6">
                <h4 class="mt-5 mb-3">丰富的盈利方式</h4>
                <hr>
                付费升级，在线时间兑换金币，购买金币，购买道具 <br>更多方式不断研发中...
            </div>--}}



            {{--<div class="col-md-6">
                <h4 class="mt-5 mb-3">支付宝直接提现</h4>
                <hr>
                服务器盈利，后台申请，提供支付宝账号，直接提现。
            </div>--}}

        </div>




        <h2 class="my-5">推荐服务器</h2>
        <div class="row">
            @if(sizeof($hotServers))
                @foreach($hotServers as $item)
                    <div class="col-md-4">

                        <div class="card text-white bg-primary mb-3">
                            <div class="card-body">
                                <h3 class="card-title">
                                    <a class="text-white" href="http://{{$item->domain.'.'.config('conf.domain')}}" target="_blank">{{$item->name}}</a>
                                </h3>
                                <p class="card-text text-right">{{$item->created_at}}</p>
                            </div>
                        </div>

                        {{--<div class="d-flex  align-items-center py-3 px-4 my-3 text-white bg-primary rounded shadow-sm">
                            <div class="lh-100">
                                <h3 class="text-white lh-100"><a class="text-white" href="http://{{$item->domain.'.'.config('conf.domain')}}" target="_blank">{{$item->name}}</a></h3>
                                <div>{{$item->info}}</div>
                                <div></div>
                            </div>
                        </div>--}}
                    </div>
                @endforeach
            @else
                <div class="col-12">暂无推荐</div>
            @endif

        </div>

        <h2 class="my-5">最新服务器</h2>
        <div class="row">
            @foreach($newServers as $item)
                <div class="col-md-4">

                    <div class="card text-white bg-primary mb-3">
                        <div class="card-body">
                            <h3 class="card-title">
                                <a class="text-white" href="http://{{$item->domain.'.'.config('conf.domain')}}" target="_blank">{{$item->name}}</a>
                            </h3>
                            <p class="card-text text-right">{{$item->created_at}}</p>
                        </div>
                    </div>

                    {{--<div class="d-flex  align-items-center py-3 px-4 my-3 text-white bg-primary rounded shadow-sm">
                        <div class="lh-100">
                            <h3 class="text-white lh-100"><a class="text-white" href="http://{{$item->domain.'.'.config('conf.domain')}}" target="_blank">{{$item->name}}</a></h3>
                            <div>{{$item->info}}</div>
                            <div></div>
                        </div>
                    </div>--}}
                </div>
            @endforeach

        </div>


        <!-- /END THE FEATURETTES -->

    </div><!-- /.container -->




@endsection
